<template>
  <div class="demo-wrap p-4">
    <div class="p-4 wrap">
      <h1>默认密码输入框</h1>
      <strength-meter placeholder="默认" />
      <h1>禁用密码输入框</h1>
      <strength-meter placeholder="禁用" disabled />
      <br />
      <h1>隐藏input密码输入框</h1>
      <strength-meter placeholder="隐藏input" :show-input="false" value="!@#qwe12345" />
      <br />
      <h1>显示文字提示</h1>
      <strength-meter placeholder="隐藏input" show-text value="!@#qwe12345" />
      <br />
      <h1>设置显示格数</h1>
      <strength-meter placeholder="隐藏input" show-text value="!@#qwe12345" :number="3" />
    </div>
  </div>
</template>

<script lang="ts">
  export default defineComponent({
    name: 'Password',
    components: {}
  })
</script>

<style lang="scss" scoped>
  .demo-wrap {
    .wrap {
      margin: auto;
      background-color: #fff;
    }
  }
</style>
